<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>留言</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">


    <style>
        body {
            background-image: url('./bg.jpg');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
        }

        .msgDiv {
            position: relative;
            width: 480px;
            height: 280px; 
            left: 50%;
            top: 100px;
            transform: translateX(-50%);
            background-color: #fff;
            border-radius: 16px;
        }

        .msgDiv .msg {
            position: relative;
            width: 400px;
            height: 200px;
            left: 50%;
            top: 20px;
            transform: translateX(-50%);

        }
    </style>
</head>

<body>

    <div class="msgDiv">
        <form action="interface/post" method="POST" class="msg">
            <div class="form-group">
                <label for="name">name:</label>
                <input type="text" name="name" class="form-control" id="name">
            </div>
            <div class="form-group">
                <textarea class="form-control" id="content" name="content" rows="3"></textarea>
            </div>
            <button type="submit" class="btn btn-primary">留言</button>
        </form>
    </div>

</body>

</html>